<template>
    <div class="manage page">
        <form-header :title="'商品管理'"></form-header>
        <div class="content">
            <deal-form></deal-form>
            <cube-tab-bar class="mgT20" show-slider v-model="selectedLabel">
                <cube-tab label="出售中(1)"></cube-tab>
                <cube-tab label="待上架(0)"></cube-tab>
                <cube-tab label="已下架(0)"></cube-tab>
            </cube-tab-bar>
            <goods-msg></goods-msg>
        </div>
        <div class="bottom">
            <div class="btnItem">
                添加商品
            </div>
            <div>|</div>
            <div class="btnItem">
                批量管理
            </div>
            <div>|</div>
            <div class="btnItem">
                分类管理
            </div>
        </div>

    </div>
</template>

<script>
    import goodsMsg from "../../components/goodsManage/goodsMsg";
    import dealForm from "../../components/goodsManage/dealForm"
    import formHeader from '@/components/form-header'
    export default {
        components:{formHeader,dealForm,goodsMsg},
        name : "goodsManage",
        data(){
            return{
                selectedLabel:'出售中(1)'
            }
        }
    }
</script>

<style scoped lang="stylus">
.manage
    background-color $page-bg
    .mgT20
        margin-top 0.27rem
    .content
        margin-top 1.47rem
    .cube-tab-bar
        background-color  #fff
        height 1.15rem
    .cube-tab
        font-size 0.40rem
        color #00A398
    .cube-tab_active
        font-size 0.40rem
        color #00A398
    /deep/.cube-tab-bar-slider
        background-color #00A398
    .bottom
        margin-top 0.27rem
        display flex
        /*padding 0 0.93rem*/
        height 1.31rem
        background-color #fff
        justify-content space-between
        align-items center
        font-size 0.53rem
        color #EAEAEA
        position fixed
        bottom 0
        .btnItem
            height 100%
            color #333333
            font-size 0.37rem
            display flex
            align-items center
            padding 0 0.90rem
            white-space nowrap


</style>